<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-10-18 17:06
  PageName：f_imagebg_Attachment.html
  Function：设置背景图像 - 固定背景
  URL：http://localhost:8080/f_image/f3_image_background/f_imagebg_Attachment.html
-->

<head>
    <meta charset="UTF-8">
    <title>设置背景图像 - 固定背景</title>

    <style type="text/css">
        body {
            background-image: url(images/bg.jpg);    /* 设置背景图片 */
            background-repeat: no-repeat;            /* 背景图片不平铺 */
            background-position: left center;        /* 背景图片的位置 */
            background-attachment: fixed;            /* 背景图片固定，不随滚动条滚动而滚动 */
            height: 1200px;                          /* 高度，出现浏览器的滚动条 */
        }

        #box {
            float: right;
            width: 400px;
        }
    </style>
</head>

<body>
<div id="box">
    <h1> 雨巷</h1>
    <h2>戴望舒</h2>
    <pre>
撑着油纸伞，独自
彷徨在悠长、悠长
又寂寥的雨巷，
我希望逢着搜索
一个丁香一样的
结着愁怨的姑娘。

她是有
丁香一样的颜色，
丁香一样的芬芳，
丁香一样的忧愁，
在雨中哀怨，
哀怨又彷徨；

她彷徨在寂寥的雨巷，
撑着油纸伞
像我一样，
像我一样地
默默踟躇着
冷漠、凄清，又惆怅。

她默默地走近，
走近，又投出
太息一般的眼光
她飘过
像梦一般地，
像梦一般地凄婉迷茫。

像梦中飘过
一枝丁香地，
我身旁飘过这个女郎；
她静默地远了，远了，
到了颓圮的篱墙，
走尽这雨巷。

在雨的哀曲里，
消了她的颜色，
散了她的芬芳，
消散了，甚至她的
太息般的眼光
丁香般的惆怅。

撑着油纸伞，独自
彷徨在悠长、悠长
又寂寥的雨巷，
我希望飘过
一个丁香一样的
结着愁怨的姑娘。
    </pre>
</div>
</body>
</html>